<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>环球旅游网</title>
    <script src="Script\jquery-easyui-1.5.2\jquery.min.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="Css/main.css" />
    <script type="text/javascript" src="Script/index.js"></script>
    <link rel="stylesheet" href="Css/flexslider.css" type="text/css" media="screen" />
    <link href="Css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
</head>

<body>
    <div>
        <div class="navi_body">
            <div class="navi_head">
                <div style="width:80%; margin-left:auto; margin-right:auto;">
                    <span>
					<p class="navi_title">首页</p>
				</span>
                    <span>
					<p class="navi_title">旅行</p>
					<p><a href="">国内旅游</a></p>
					<p><a href="">周边旅游</a></p>
					<p><a href="">主题旅游</a></p>
                    <p><a href="">日本 韩国</a></p>
                    <p><a href="">东南亚 南亚</a></p>
                    <p><a href="">欧洲</a></p>
                    <p><a href="">美洲</a></p>
				</span>
                    <span>
					<p class="navi_title">特价专区</p>
					<p><a href="">特价路线</a></p>
					<p><a href="">特价机票</a></p>
                    <p><a href="">特价酒店</a></p>
                    <p><a href="">特价签证</a></p>
                    <p><a href="">特价门票</a></p>
				</span>
                    <span>
					<p class="navi_title">当季热门度假</p>
					<p><a href="">泰国</a></p>
					<p><a href="">港澳台</a></p>
					<p><a href="">欧洲环游</a></p>
					<p><a href="">三亚</a></p>
					<p><a href="">毛里求斯</a></p>
					<p><a href="">巴塞罗那</a></p>
				</span>
                    <span>
					<p class="navi_title">帮助</p>
                    <p><a href="">人工服务</a></p>
                    <p><a href="">用户信息</a></p>
                    <p><a href="">查看订单</a></p>
					<p><a href="">留言评价心想</a></p>
					<p><a href="">在线预订</a></p>
				</span>
                </div>
            </div>
        </div>
    </div>

    <div class="banner-section">
        <section class="slider">
            <div class="flexslider">
                <ul class="slides">
                    <li>
                        <div class="slider-info">
                            <img src="imgS/slider.jpg" class="img-responsive" alt="">
                        </div>
                        <div class="container">
                            <div class="banner-text">
                                <h3>世界各地精品旅游</h3>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="slider-info">
                            <img src="imgS/ba2.jpg" class="img-responsive" alt="">
                        </div>
                        <div class="container">
                            <div class="banner-text">
                                <h3>多元化旅游方式</h3>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="slider-info">
                            <img src="imgS/ba3.jpg" class="img-responsive" alt="">
                        </div>
                        <div class="container">
                            <div class="banner-text">
                                <h3>超星酒店式尊贵服务</h3>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </section>
        <!-- FlexSlider -->
        <script defer src="Script/jquery.flexslider.js"></script>
        <script type="text/javascript">
            $(function() {
                SyntaxHighlighter.all();
            });
            $(window).load(function() {
                $('.flexslider').flexslider({
                    animation: "slide",
                    start: function(slider) {
                        $('body').removeClass('loading');
                    }
                });
            });
        </script>
        <!-- FlexSlider -->
    </div>
    <div class="tab">
        <ul class="tabs">
            <li><a href="#">超级自由行</a></li>
            <li><a href="#">私人订制豪华游</a></li>
            <li><a href="#">主题旅游</a></li>
            <li><a href="#">特价机票</a></li>
            <li><a href="#">网上签证</a></li>
            <li><a href="#">酒店预订</a></li>
        </ul>
        <!-- / tabs -->
        <div class="tab_content">
            <div class="tabs_item"> <img src="imgS/ziyouxing.png">
                <h4>尽享自由舒适的旅行体验</h4>
                <p>超级自由行是世界邦旅行网为拥有自由旅行精神的人创建的自由旅行方式。它为旅行者提供行前与行中的自由旅行服务，包括一价全包的行前准备、不受团期和人数限制的自由出行时间、最富本地经验的精彩玩法、与行程精妙匹配的商品定制、7×24小时无时差守候、无需开口的精确指路与事无巨细的精心指导，这些服务使得人们的出境自由旅行能如其所愿、了如指掌、淋漓尽致、回味无穷。</p>
            </div>

            <div class="tabs_item"> <img class="alignleft max_width" alt="tabs_shortcode2" src="imgS/haohuayou.jpg">
                <h4>根据旅游者的需求，以旅游者为主导进行旅游行程的设计</h4>
                <p>目前定制游衍生出一种更高形态的旅行方式，创意高端私人定制旅游，早期的定制游对游客有较高的要求，一般需要游客对旅行目的地有一定的了解和认识，并自行提出初步的旅行方案。而目前欧美主流的创意定制游则更加的注重享受。游客并不需要对目的地有太多的了解，甚至可以不明确目的地，创意定制的服务机构了解游客的个体特征，如兴趣爱好，出行人的情况和预算，即可为出行人创造出一系列极具特色的创意行程。</p>
            </div>

            <div class="tabs_item"> <img src="imgS/zhutiyou.jpg">
                <h4>对某项专题或某一目的地进行深入的了解与体验</h4>
                <p>作为传统大众旅游的升级版，从游客的不同身份、切身需求、独特体验、消费心理出发，为其量身订制旅游线路。比如心灵、朝圣、亲子、游艇、自驾车、徒步、摄影、漂流、美食、滑雪主题旅游。这类旅游是现在各旅行社及旅游公司针对游客的不同身份、不同需求以及不同的消费心理而制定的旅游路线。</p>
            </div>

            <div class="tabs_item"> <img src="imgS/jipiao.jpg">
                <h4>航空公司特殊价格优惠机票</h4>
                <p>国内各家航空公司对于机票退票的规定大致相似，一般将机票的折扣和退票的手续费挂钩，并规定特价机票不退票、不转签。特价票，就会有很多限制条件，如有效期较短，从45天到6个月不等，不允许签转到其他航空公司，不允许更改回程日期，或改期要交费。不允许退票或是退票要承受很大的经济损失。同时，特价票是不包括机场建设费跟燃油费的。</p>
            </div>

            <div class="tabs_item"> <img src="imgS/qianzheng.jpg">
                <h4>免去传统出国签证繁琐，网上代办签证更省钱、便捷</h4>
                <p>网上签证就是在网上办理签证手续。大多数的签证，是在一个人所持的护照或旅行证件上签注（盖章），或贴上一张标签，盖章或标签带有清晰的说明文字，指明持有人进入该国的事由、允许停留的时间、或通过其领土前往其他国家的许可。一个人如果想出国旅行、定居或者留学、结婚等，除了需要持有护照以外，还应该持有相应的签证。</p>
            </div>

            <div class="tabs_item"> <img src="imgS/jiudian.jpg">
                <h4>查找酒店的方式越来越快捷和多样化</h4>
                <p>随着中国使用互联网人数的增加，以及在线酒店预订市场和出入境旅游慢慢走向成熟，中国已经成为了此块业务发展的首选，以填补中国旅游市场内高端商旅市场和境外酒店信息资源及服务的空缺。</p>
            </div>
        </div>
        <!-- / tab_content -->
    </div>
    <div class="column">
        <div class="container">
            <h3 class="tittle">旅行真正的意义是到此一游的精彩和自身蜕变的见证</h3>
            <p class="wel text">旅行其实是关于你在什么样的年纪站在哪里，遇见过什么样的人，你的感觉、想法，你关心和发现的新东西，你和别人的生活方式、观念的排列，你和未知世界的对话，你对自己内心的发问。所有这些，需要我们带着真挚去寻找。不管旅途还是人生，收获一定很多。 </p>
            <div class="super-grids">
                <div class="col-md-8 super-grid">
                    <div class="super-top">
                        <img src="imgS/s1.jpg" class="img-responsive gray" alt="" />
                    </div>
                    <div class="super-bottom">
                        <div class="col-md-6 super-left">
                            <img src="imgS/s2.jpg" class="img-responsive gray" alt="" />
                        </div>
                        <div class="col-md-6 super-right">
                            <img src="imgS/s3.jpg" class="img-responsive gray" alt="" />
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
                <div class="col-md-4 super-grid1">
                    <div class="super-top">
                        <img src="imgS/s4.jpg" class="img-responsive gray" alt="" />
                        <h4>去看看外面的世界</h4>
                        <p>当今社会，现代化和城市化正在扼杀人类的天性，割断了自然的纽带，囚禁了人类的灵魂，精神错乱，性情浮躁，智慧泯灭，感觉麻木，于是，返璞归真，向往自然，这就成为人类的本能需求。</p>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>


</body>

</html>